<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>联系我们 - 石大蚊侦探</title>
  <link rel="stylesheet" href="styles.css">
</head>
</head>
<body>
<header>
  <h1>石大蚊侦探</h1>
  <p>校园蚊情监测新思路</p>
</header>
<nav>
  <a href="index.html">首页</a>
  <a href="live.html">实时蚊情</a>
  <a href="arsenal.html">如何防蚊</a>
  <a href="ecology.html">蚊虫生态链</a>
  <a href="action.html">石大在行动</a>
  <a href="contact.html">联系我们</a>
  <a href="about.html">关于项目</a>
</nav>
<main>
  <h2>联系我们</h2>
  <p>如果您有任何问题、建议或合作意向,请填写以下表格与我们联系。我们会尽快回复您。</p>
  <form action="/submit-form" method="post">
    <label for="name">姓名</label>
    <input type="text" id="name" name="name" placeholder="您的姓名..." required>

    <label for="email">邮箱</label>
    <input type="email" id="email" name="email" placeholder="您的邮箱..." required>

    <label for="subject">主题</label>
    <input type="text" id="subject" name="subject" placeholder="主题..." required>

    <label for="message">留言</label>
    <textarea id="message" name="message" placeholder="写一些东西..." style="height:200px" required></textarea>

    <input type="submit" value="提交">
  </form>
</main>
<footer>
  <a href="contact.html">联系我们</a> | <a href="about.html">关于项目</a>
  <p>Copyright © 2024 石大蚊侦探团队 All Rights Reserved.</p>
</footer>
</body>
</html>